import { StyleSheet } from 'react-native';

import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    top: 0,
    bottom: 0,
    right: 0,
    backgroundColor: 'rgba(42, 42, 42, 0.7)',
    alignItems: 'center',
    justifyContent: 'center'
  },
  content: {
    width: phonePx(258),
    height: phonePx(259),
    alignItems: 'center'
  },
  light: {
    position: 'absolute',
    width: phonePx(258),
    height: phonePx(259)
  },
  zero: {
    width: phonePx(160),
    height: phonePx(122)
  },
  haveCorrect: {
    width: phonePx(170),
    height: phonePx(171),
    marginTop: phonePx(38)
  },
  coinContent: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  coinList: {
    top: phonePx(8)
  },
  coin: {
    marginLeft: phonePx(8),
    fontSize: phonePx(15),
    color: '#FFE420'
  },
  add: {
    fontSize: phonePx(8),
    marginBottom: phonePx(2),
    color: '#FFE420'
  },
  number: {
    fontSize: phonePx(14),
    color: '#FFE420'
  },
  numberContent: {
    flexDirection: 'row',
    alignItems: 'flex-end',
    justifyContent: 'center'
  }
});
